<template>
  <div class="home-container">
    主页后期扩展
  </div>
</template>

<script>
  
export default {
  name: 'Home',   
  data() {
    return {}
  },
  mounted() {
    
  },
  created() {
    
  },
  methods: {
   
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
@import '~@/assets/styles/variables';
@import '~@/assets/styles/mixin';
@import '~@/assets/styles/theme/index';

.home-container {
  height: 100%;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
}
::v-deep .el-form .el-checkbox {
  margin-left: 40px;
}

::v-deep .el-form-item--small {
  .el-form-item__content {
    margin-left: 61px;
  }
}
::v-deep .el-form-item__label {
  font-weight: normal;
}
::v-deep .el-drawer__body .user-detail-tabs-wrap .el-tabs__content {
  width: calc(100% - 48px) !important;
}
::v-deep .el-checkbox__input {
  margin-left: 40px;
}
.el-ico {
  width: 15px;
  height: 3px;
  font-size: 13px;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(73, 80, 87, 1);
}
::v-deep .el-table-filter {
    max-height: 300px;
    overflow: auto;
}
.el-dialog__body {
  .el-input__inner {
    width: 320px;
  }
  .el-textarea__inner {
    width: 320px;
  }
}
::v-deep .el-form-item__content {
  width: 320px;
}

.el-message-box__wrapper
  .el-button--primary
  .el-message-box__wrapper
  .submit-btn {
  width: 108px !important;
}
  // 滚动条的宽度
  ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
    height: 6px; // 纵向滚动条 必写
    width: 4px;
  }
  // 滚动条的滑块
  ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
        background: #EFF2F7;
    border-radius: 4px;
  }
    ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track-piece {
        background: #fff;
  }
@media (max-width: 1440px) {
  .home-container {
    padding: 16px;
  }
}
@media (max-width: 1360px) {
  .home-container {
    padding: 12px;
  }
}
</style>
